<link rel="stylesheet" type="text/css" href="custom/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="custom/css/zTreeStyle.css">
<link rel="stylesheet" type="text/css" href="custom/css/rest.css">
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="custom/js/jquery.ztree.all-3.5.js"></script>
<script type="text/javascript" src='custom/js/json2.js'></script>
<script type="text/javascript" src='custom/js/rest.js'></script>
<script type="text/javascript" src='custom/js/treeJson.js'></script>
<script type="text/javascript" src='custom/js/c.js'></script>
<div class="row">
	<div style="float: left;padding-left:20px;padding-top: 20px;">
		<span>请求地址：</span><input type="text" class="form-control" placeholder="地址" id="reqUrl"></br>
		<span>方式：</span><select id="reqMethod"><option value="GET"
				selected="true">GET</option>
			<option value="POST">POST</option></select></br>
		</br>
		<div id="paramDiv">
			<div>请求参数：</div>
			<textarea id="reqParam" style="width: 600px; height: 300px;" placeholder="编码前的参数"></textarea>
		</div></br></br>
		<button id="clearLeft" class="btn btn-danger ml5" value="清空参数">清空参数</button>
	</div>
	<div style="float: left; padding-left: 50px; padding-top: 80px;">
		<button id="clearRight" class="btn btn-danger ml5" value="清空右侧">清空右侧</button></br></br>
		<button id="sub" class="btn btn-primary" value="提交">提交</button>
	</div>
	<div style="float: left; padding-left: 50px;">
		<span>返回结果：</span></br>
			<div>
				<textarea id="resp" style="width: 600px; height: 480px;"></textarea>
				<ul id="jsonContent" class="ztree"></ul>
			 </div>
			</br>
			<div class="tree-panel" style="display:none" id="tree-panel">
                <ul id="tree-panel-content" class="ztree"></ul>
            </div>
			
			<button id="decode" class="btn btn-success">base64解码</button>
			<button id="encode" class="btn btn-primary">base64编码</button>
			<button id="format" class="btn btn-default">格式化</buttion>
			<button id="removeWhite" class="btn btn-default">反格式化去转义</buttion>
			<button id="resultTree" class="btn btn-default">树形展示</buttion>
			<button data-toggle="modal" data-target="#myModal" class="btn btn-danger"><i class="fa fa-download"></i>保存成文件</buttion>
</div>


<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
				</button>
				<h4 class="modal-title" id="myModalLabel">
					保存请求信息到文件
				</h4>
				<span style="color:red"><i class="fa fa-info-circle"></i>Tips：默认文件名后缀为.txt</span>
			</div>
			<div class="modal-body">
				<span>文件名：<input type="text" style="width: 99%; height: 50px;" id="fileName"></span></br>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">
					关闭
				</button>
				<button type="button" id="saveAsFile" class="btn btn-primary">
					保存
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->